<div class="container">
  <div class="search-bar clearfix">
    <div class="input-box">
      <input type="text" placeholder="请输入期望的实习岗位 " [(ngModel)]="name">
    </div>
    <div class="search-btn" (click)="search()">搜索</div>
  </div>
</div>
<div class="position-box">
  <div class="position">
    <div class="position-center clearfix">
      <ul class="position-list">
        <li class="font" *ngFor="let position of positions;index as i">
          <div class="info1">
            <div class="name-box clearfix"><a class="name" routerLink="/positionDetails/{{position.id}}" target="_blank">{{position.name}}</a></div>
          </div>
          <div class="info2">
            <div class="more">
              <span>{{position.salary1}}-{{position.salary2}}/月</span>|<span>{{position.releaseTime | date:'yyyy-MM-dd'}}</span>
            </div>
          </div>
        </li>
      </ul>
      <div id="pagebar" class="pagination">
        <ul>
          <li [ngClass]="{'disabled':thisPage==0}"><a (click)="goToPage(0)">首页</a></li>
          <li [ngClass]="{'disabled':thisPage==0}"><a (click)="goToPage(thisPage-1)">上一页</a></li>
          <li class="active"><a title="第{{thisPage+1}}页 / 共{{totalPages}}页">{{thisPage+1}}</a></li>
          <li *ngFor="let a of arr;index as i" [ngClass]="{'disabled':thisPage+i+1>=totalPages}"><a title="第{{thisPage+i+2}}页 / 共{{totalPages}}页" (click)="goToPage(thisPage+i+1)">{{thisPage+i+2}}</a></li>
          <li [ngClass]="{'disabled':thisPage==totalPages-1}"><a (click)="goToPage(thisPage+1)">下一页</a></li>
          <li [ngClass]="{'disabled':thisPage==totalPages-1}"><a (click)="goToPage(totalPages-1)">尾页</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
